<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当当图书榜</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        .d1{
            width: 960px;
            border: 1px solid red;
            margin: 0 auto;
        }
        .d1 div .p1{
            float: right;
            position: relative;
            bottom: 35px;
        }
        .d1 div .p1 a{
            text-decoration: none;
        }
        .d1 div .p1 .img1{
            position: relative;
            left: 50px;
            bottom: 13px;
        }

        .d1 .d2 .p1{
            width: 290px;
            height: 30px;
            background: rgb(234,255,250);
            text-align: center;
            margin-right:10px ;

        }
        .d1 .d3 .u1{
            width: 960px;
            height: 30px;
            background-color: orange;
        }


            .d1 .d3 .u1 li{
               display: inline-block;
            }
        .d1 .d3 .u1 li a{
            padding: 1px;
        }
        .d1 .d4{
            margin-top: 5px;
        }
        .d1 .d5{
            margin-top: 5px;
            width: 960px;
            height: 400px;
            border: 1px solid black;
        }
        .d1 .d6 img{
            width: 200px;
            float: left;
        }
        .d1 .d6{
            border: 1px solid blue;
            width: 580px;
            float: left;
             position: relative;
            top: 100px;
        }
        .d1 .d5 .d6 .u2{
            float: right;
        }
        .d1 .v1 p{
            color: gray;
            text-align: center;
        }
        .d1 .v1 .pic{
            position: relative;
            left: 405px;
            top: 20px;
        }
        /*.d1 .v1 .p2{
            float: right;
        }*/


        .d7{
            width: 350px;
            float: right;
            border: 1px solid red;
            position: relative;
            top: 100px;
        }
        .d8{
            width: 350px;
            float: right;
            border: 1px solid yellow;
            position: relative;
            top: 100px;
        }
        .d1 .d5 .d7 img{
            float: left;
        }
        .d1 .d5 .d7 .aa {
            float: right;
        }
        .d1 .d5 .d8 .aa2 {
            float: right;
            position: relative;
            right: 80px;
        }
        .d1 .d5 .img3{
            position: relative;
           right: 610px;
            top: 20px;
        }

    </style>
</head>
<body>
     <div class="d1">

         <div>
                      <img src="../fudongimage/bangbang10.jpg" >
         </div>


         <div class="d2">
             <p class="p1">
                 <img src="../fudongimage/bangbang9.png" class="img1" >
                 <a href="#"> 尾品汇</a>
                 <a href="#">当当优品</a>
                 <a href="#">数字馆</a>
                 <a href="#">都看阅器</a>
             </p>
         </div>


         <div class="d3">
             <ul type="none" class="u1">
                 <li><a href="#">首页</a></li>
                 <li><a href="#">图书</a></li>
                 <li><a href="#">音像</a></li>
                 <li><a href="#">童装</a></li>
                 <li><a href="#">服装</a></li>
                 <li><a href="#">鞋靴</a></li>
                 <li><a href="#">运动</a></li>
                 <li><a href="#">箱包</a></li>
                 <li><a href="#">美妆</a></li>
                 <li><a href="#">珠宝</a></li>
                 <li><a href="#">家居</a></li>
                 <li><a href="#">食品</a></li>
                 <li><a href="#">酒</a></li>
                 <li><a href="#">手机</a></li>
                 <li><a href="#">数码</a></li>
                 <li><a href="#">电脑</a></li>
                 <li><a href="#">家电</a></li>
             </ul>
         </div>

         <div class="d4">
             <img src="../fudongimage/bangbang1.png" >
         </div>


         <div class="d5">
             <img src="../fudongimage/bangbang2.gif" alt="" class="img3">
             <div class="d6">

                 <img src="../fudongimage/bangbang3.jpg" alt=""><!--260 260-->
                 <ul type="none" class="u2">
                     <li>偷影子的人</li>
                     <li>作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译</li>
                     <li>出版社：湖南文艺出版社</li>
                     <li>当当价：￥ 17.90</li>
                     <li>不知道姓氏的克蕾儿。这就是你在我生命里的角色，</li>
                     <li>我童年时的小女孩，今日蜕变成了女人，一段青梅竹</li>
                     <li>马的回忆，一个时间之神没有应允的愿望。 一个老是</li>
                     <li>受班上同学欺负的瘦弱小男孩，因为拥有一种特殊能</li>
                     <li>力而强大：他能“偷别人的影子”，因而能看见他</li>
                 </ul>
                 <!--<h3>偷影子的人</h3>
                 <p class="p2">
                     作 者：[法] 马克·李维（Marc Levy）著,段韵灵 译
                     出版社：湖南文艺出版社
                    我童年时的小女孩，今日蜕变成了女人，一段青梅竹
                     马的回忆，一个时间之神没有应允的愿望。 一个老是
                     受 当当价：￥ 17.90
                     不知道姓氏的克蕾儿。这就是你在我生命里的角色，
                     班上同学欺负的瘦弱小男孩，因为拥有一种特殊能
                     力而强大：他能“偷别人的影子”，因而能看见他
                 </p>-->
             </div>


             <div class="d7">
                 <img src="../fudongimage/bangbang4.jpg" >
                 <ul type="none" class="aa">
                     <li>看见(央视知名记者、主持人柴静</li>
                     <li>：十年个人</li>
                     <li>成长的告白，中国社会变迁的备忘</li>
                     <li>作 者：柴静 著</li>
                     <li>出版社：广西师范大学出版社</li>
                     <li>￥ 29.40 7.4折</li>
                 </ul>
             </div>
             
             <div class="d8">
                 <img src="../fudongimage/bangbang5.jpg">
                 <ul class="aa2" type="none">
                     <li>改变孩子先改变自己</li>
                     <li>作 者：贾容韬 贾毅 著</li>
                     <li>出版社：作家出版社</li>
                     <li>￥ 22.20 7.4折</li>
                 </ul>
             </div>
         </div>



          <div class="v1">
              <p>
                  <img src="../fudongimage/bangbang12.gif" class="pic">
                  Copyright (C) 当当网 2004-2017, All Rights Reserved京ICP证041189号出版物经营许可证 新出发京批字第直0673号
              </p>
          </div>


     </div>
</body>
</html>